<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS边框相关属性</title>
<style type="text/css">
.one,.two{							/*或直接img{}*/
	width:100px;
	height:100px;
	}
img.one{
	/*
	border-style:dashed;			同时设置四个边框
	border-width:10px;
	border-color:red;
	上述可简化代码量为：
	*/
	border:dashed 10px red;
}
img.two{
	/*
	.one{
	border-left-style:dotted;		点划线
	border-left-color:red;
	border-left-width:5px;

	border-right-style:dashed;		虚线
	border-right-color:#0F0;
	border-right-width:10px;
	
	border-top-style:double;		双划线
	border-top-color:#309;
	border-top-width:15px;
	
	border-bottom-style:groove;		阴影
	border-bottom-color:#666666;
	border-bottom-width:20px;
	}
	上诉可简化代码量为：
	*/
	border-left:dotted red 5px;
	border-right:dashed #0F0 10px;
	border-top:double #309 15px;
	border-bottom:groove #666666 20px;	
}
</style>
</head>

<body>
<img src="引用文件/1.ico" class="one"/><br /><br />
<img src="引用文件/1.ico" class="two"/>
</body>
</html>
